<script setup>
import { useRoute } from 'vue-router'

const route = useRoute()
</script>

<template>
  <RouterView :key="route.fullPath"></RouterView>
</template>

<style>
* {
  margin: 0;
  padding: 0;
  /* 去除移动端点击高亮 */
  -webkit-tap-highlight-color: transparent;
  /* 防止用户选中文本 */
  user-select: none;
}

a, a:hover {
  text-decoration: none;
  color: white !important;
}

html, body, #app {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: 16px;
  user-select: none;
  overflow: hidden;
}

::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  min-height: 1.5rem;
  background-clip: content-box;
  background-color: rgba(0,0,0,.2);
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
  border-radius: 0.5rem;
  border: 0.3125rem solid transparent;
}
</style>